<!--********************************************************************
* Copyright© 2000 - 2025 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!--头部导航-->
<header class="header-wrapper main-header icl-header">

    <nav class="navbar navbar-static-top">
        <div class="nav-header"></div>
    </nav>
</header>
<!--头部导航 end-->

<!-- 侧边栏 -->
<aside class="sidebar-wrapper main-sidebar" id="scrollSpy">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar" id="sidebar">
        <a href="#" class="sidebar-toggle " data-toggle="offcanvas" role="button" title="fold">
            <div class="fa  fa-bars fold"></div>
            <span id="suffix-title"></span>
        </a>
        <!-- sidebar menu: : style can be found in sidebar.less -->
        <ul class=" sidebar-menu nav  nav-stacked" id="sidebar-menu">

        </ul>
    </section>
    <!-- /.sidebar -->
</aside>
<!--侧边栏 end-->

<!-- 内容区 -->
<div class="content-wrapper examples-container" id="main">
    <ul id="charts-list"></ul>
</div>
<!--内容区 end-->

<!-- footer -->
<footer class="main-footer icl-footer simple-footer"></footer>
<!--footer end-->

<script>
  $(document).ready(function () {
    var notFor = ['iClient Classic', '3D-WebGL'];
    var productArr = ['Leaflet', 'OpenLayers', 'MapboxGL', 'MapLibreGL', 'component', 'iClient Classic', '3D-WebGL']
    var path = window.location.pathname.split('/');
    var examplesStrIndex = path.indexOf('examples');
    var identification = productArr.filter(function(name) { return name.toLowerCase().includes(path[examplesStrIndex + 1])})[0];
    if (identification) {
      var suffixHeader = document.getElementById('suffix-title');
      suffixHeader.innerText = (notFor.indexOf(identification) < 0 ? 'for ' : '') + identification;
    }
  })
</script>